<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Flyme 账号 - 登录</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1847150_v9171q41zjg.css">
    <script src='../js/require.js' async='true' defer data-main='../js/login/main'></script>
</head>

<body>
    <!-- header -->
    <div class="header w">
        <a href="../index.html">
            <i class="icon"></i>
        </a>
    </div>

    <!-- content -->
    <div class="content">
        <div class="content-box">
            <!-- 登录板块 -->
            <form class="reg-box">
                <!-- 标题 -->
                <h3 id="h3">
                    <a href="javascript:;" class="linkABlack" id="accountBtn">账号登录</a>
                    <span class="loginr-line"></span>
                    <a href="javascript:;" class="linkAGray" id="qrcodeBtn">二维码登录</a>
                </h3>
                <!-- 账号登录 -->
                <div class="login-account" id="loginAccount">
                    <!-- 提示 -->
                    <div class="tip-box visibility-hidden" id="tipBox">
                        <i class="error-icon"></i>
                        <span class="tip-wrap" id="tipTxt">
                            用户名或密码错误
                        </span>
                        <i class="close-icon" id="closeIcon"></i>
                    </div>
                    <!-- 手机号 -->
                    <div class="phoneNum normalInput">
                        <input id="accountInput" name="account" type="text" class="phone-input sameInput" maxlength="11"
                            placeholder="手机号/ Flyme 账号">
                    </div>
                    <!-- 密码 -->
                    <div class="pwd normalInput">
                        <input id="pwdInput" name="pwd" type="password" class="pwd-input sameInput" placeholder="密码">
                    </div>
                    <!-- 记住 -->
                    <div class="rememberme">
                        <div class="tick-box">
                            <span class="tick" id="tick">
                                <i class="tick-icon"></i>
                            </span>
                            <input type="checkbox" id="remember" name="remember">
                        </div>
                        <label for="remember" id="remLabel">
                            记住登录状态
                        </label>
                    </div>
                    <!-- 立即注册 -->
                    <button class="btnBlue" id="btn">登录</button>
                    <!-- 注册 -->
                    <a href="./register.html" class="linkABlue fl">注册</a>
                    <!-- 忘记密码 -->
                    <a href="javascript:;" class="linkABlue fr">忘记密码？</a>
                </div>
                <!-- 二维码登录 -->
                <div class="login-qrcode" id="loginQrcode">
                    <div class="code-box">
                        <img src="../images/login/loginQrcode.jpg" alt="">
                    </div>
                    <p class="code-txt">
                        请使用账号中心右上角或最新的Flyme系统相机扫码功能，扫码登录
                    </p>
                </div>
            </form>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="footer-box">
            <ul class="footer-box-list fl">
                <li>
                    <a href="javascript:;">关于魅族</a>
                </li>
                <li>
                    <a href="javascript:;">工作机会</a>
                </li>
                <li>
                    <a href="javascript:;">联系我们</a>
                </li>
                <li>
                    <a href="javascript:;">法律声明</a>
                </li>
                <li>
                    <a href="javascript:;">常见问题</a>
                </li>
                <li>
                    <a href="javascript:;">简体中文</a>
                    <i class="more-icon"></i>
                </li>
            </ul>
            <div class="call fl">
                <span class="call-txt">客服热线</span>
                <span class="call-num">400-788-3333</span>
                <a href="javascript:;" class="call-online">在线客服</a>
            </div>
            <div class="share-box fr">
                <a href="javascript:;">
                    <i class="share-icon icon1"></i>
                </a>
                <a href="javascript:;" class="show-qrcode">
                    <i class="share-icon icon2"></i>
                    <div class="qrcode">
                        <img src="../images/reg-log/qrcode.png" alt="">
                    </div>
                </a>
                <a href="javascript:;">
                    <i class="share-icon icon3"></i>
                </a>
            </div>
            <div class="copyright-box clearfix">
                <span>©2020 Meizu Telecom Equipment Co., Ltd. All rights reserved. </span>
                <a href="javascript:;"> 备案号: 粤ICP备13003602号-4 </a>
                <a href="javascript:;"> 经营许可证编号: 粤B2-20130198 </a>
                <a href="javascript;;"> 营业执照 </a>
            </div>
        </div>
    </div>
</body>

</html>